<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 元字符之边界符
      // 1. 匹配开头的位置 ^
      const reg = /^harmony/
      console.log(reg.test('harmony开发')) // true
      console.log(reg.test('开发harmony')) // false
      console.log(reg.test('开发harmony学习')) // false
      console.log(reg.test('har')) // false

      // 2. 匹配结束的位置 $
      const reg1 = /harmony$/
      console.log(reg1.test('harmony开发')) //  false
      console.log(reg1.test('开发harmony')) // true
      console.log(reg1.test('开发harmony学习')) // false
      console.log(reg1.test('har')) // false

      // 3. 精确匹配 ^ $
      const reg2 = /^harmony$/
      console.log(reg2.test('harmony开发')) //  false
      console.log(reg2.test('开发harmony')) // false
      console.log(reg2.test('开发harmony学习')) // false
      console.log(reg2.test('har')) // false
      console.log(reg2.test('harmony')) // true
      console.log(reg2.test('harmonyharmony')) // flase
    </script>
  </body>
</html>
